<#assign ctx=request.contextPath />
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  <title>探漏结果汇报</title>
  <link rel="stylesheet" href="${ctx}/css.css">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
  <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.10&key=9b29a6048cb5ef7de6f503dc38e32d0c&plugin=AMap.ToolBar"></script>
    <!-- 加载远程定位脚本 -->
    <script type="text/javascript" src="${ctx}/remogeo.js"></script>
    <script type="text/javascript" src="${ctx}/show-geom-list.js"></script>

<style type="text/css">
  #lo_4{
      min-width:70%;
      height:100px;
    }
#m{
height: 100px;
}
</style>
</head>

<body>
<div class="top">
  <a href="${ctx}/hello" class="backtrack"><img src="${ctx}/0.png"></a>
  <a href="javascript:history.back();" class="return"><img src="${ctx}/12.png"></a>
  <div class="box">
    探漏结果汇报
  </div>
</div>

<div class="empty"></div>
<#if (errors?? && errors?size>0)>
  <ul class="hint">
  <#list errors as err>
    <li>${err}</li>
  </#list>
  </ul>
</#if>

<form id="frm1" action="${ctx}/lossMng/completeFind/${task.id}" enctype="multipart/form-data" method="post">
  <table class="list_box">
    <tr class="lo_7">
      <td class="lo_3">工单ID</td>
      <td class="lo_4" colspan="2">${ticket.ticketId}</td>
    </tr>
    <tr>
      <td class="lo_3">DMA-ID</td>
      <td class="lo_4" colspan="2">${ticket.dmaId}</td>
    </tr>
    <tr>
      <td class="lo_3">DMA名称</td>
      <td class="lo_4" colspan="2">${ticket.dmaName}</td>
    </tr>
    <tr>
      <td class="lo_3">工单日期</td>
      <td class="lo_4" colspan="2">${(ticket.startDate?datetime)!""}</td>
    </tr>
    <tr>
      <td class="lo_3">工单起始漏损(m³/h)</td>
      <td class="lo_4" colspan="2">${(ticket.startLoss?string("0.0"))!""}</td>
    </tr>
    <tr>
      <td class="lo_3">工单最大漏损(m³/h)</td>
      <td class="lo_4" colspan="2">${(ticket.maxLoss?string("0.0"))!""}</td>
    </tr>
    <tr>
      <td class="lo_3">工单最大漏损日期</td>
      <td class="lo_4" colspan="2">${(ticket.maxDate?datetime)!""}</td>
    </tr>
    <tr>
      <td class="lo_3">DMA分区位置</td>
      <td class="lo_4" colspan="2">
          <input type="hidden" id="dmaLoc" value="${ticket.dmaLoc!""}">
          <div id="map1" class="map"></div>
          <script type="text/javascript">
              var dmaLoc = document.getElementById("dmaLoc").value
              showGeomList(dmaLoc, "map1")
          </script>

      </td>
    </tr>
    <tr>
      <td class="lo_3">任务名称</td>
      <td class="lo_4" colspan="2">${task.name!""}</td>
    </tr>
    <tr>
      <td class="lo_3">任务ID</td>
      <td class="lo_4" colspan="2">${task.id}</td>
    </tr>
    <tr>
      <td class="lo_3">流程实例ID</td>
      <td class="lo_4" colspan="2">${task.processInstanceId!""}</td>
    </tr>
    <tr>
      <td class="lo_3">流程模板ID</td>
      <td class="lo_4" colspan="2">${task.processDefinitionId!""}</td>
    </tr>
    <tr>
        <td class="lo_3">探漏位置
            <h4 id='status'></h4>
            <hr>
            <p id='result'></p>
        </td>
        <td class="lo_4" colspan="2">
            <input type="hidden" id="findLoc" name="findLoc" class="flow lo_5" value="${ticket.dmaLoc!""}">
            <div id="map2" class="map"></div>

            <script>
                var findLoc = document.getElementById('findLoc').value;
                showGeomList(findLoc, 'map2');
                showCurrentPos('map2', 'findLoc', 'status', 'result');
            </script>

        </td>
    </tr>
    <tr class="lo_5">
      <td class="lo_3">管径(DN)</td>
      <td class="lo_4" colspan="2"><input type="text" name="pipeSize" class="flow lo_5"></td>
    </tr>
    <tr class="lo_5">
      <td class="lo_3">材质</td>
      <td class="lo_4" colspan="2"><input type="text" name="pipeStuff" class="flow lo_5"></td>
    </tr>
    <tr class="lo_5">
      <td class="lo_3">探出漏量(m³/h)</td>
      <td class="lo_4" colspan="2"><input type="text" name="estimateLoss" class="flow lo_5"></td>
    </tr>
    <tr class="lo_5">
      <td class="lo_3">探漏结果描述</td>
      <td class="lo_4" colspan="2"><textarea name="findSummary" class="flow lo_5  lo_6"></textarea></td>
    </tr>
    <tr>
      <td class="lo_3" rowspan="2">漏点照片一</td>
      <td class="lo_11">漏点</td>
      <td class="lo_12"><input type="file" name="findPhoto1">
        <#if (ticket.findPhoto1)??>
          <a href="${ticket.findPhoto1}" target="_blank">
          <img src="${ticket.findPhoto1}?x-oss-process=image/resize,w_200,limit_0" style="max-width: 200px;"/>
          </a>
        </#if>
      </td>
    </tr>
    <tr>
      <td class="lo_11">走向</td>
      <td class="lo_12"><input type="file" name="findPhoto1b">
        <#if (ticket.findPhoto1b)??>
          <a href="${ticket.findPhoto1b}" target="_blank">
          <img src="${ticket.findPhoto1b}?x-oss-process=image/resize,w_200,limit_0" style="max-width: 200px;"/>
          </a>
        </#if>
      </td>
    </tr>
    <tr>
      <td class="lo_3" rowspan="2"> 漏点照片二</td>
      <td class="lo_11">漏点</td>
      <td class="lo_12"><input type="file" name="findPhoto2">
        <#if (ticket.findPhoto2)??>
          <a href="${ticket.findPhoto2}" target="_blank">
          <img src="${ticket.findPhoto2}?x-oss-process=image/resize,w_200,limit_0" style="max-width: 200px;"/>
          </a>
        </#if>
      </td>
    </tr>
    <tr>
      <td class="lo_11">走向</td>
      <td class="lo_12"><input type="file" name="findPhoto2b">
        <#if (ticket.findPhoto2b)??>
          <a href="${ticket.findPhoto2b}" target="_blank">
          <img src="${ticket.findPhoto2b}?x-oss-process=image/resize,w_200,limit_0" style="max-width: 200px;"/>
          </a>
        </#if>
      </td>
    </tr>
    <tr>
      <td class="lo_3" rowspan="2">漏点照片三</td>
      <td class="lo_11">漏点</td>
      <td class="lo_12"><input type="file" name="findPhoto3">
        <#if (ticket.findPhoto3)??>
          <a href="${ticket.findPhoto3}" target="_blank">
          <img src="${ticket.findPhoto3}?x-oss-process=image/resize,w_200,limit_0" style="max-width: 200px;"/>
          </a>
        </#if>
      </td>
    </tr>
    <tr>
      <td class="lo_11">走向</td>
      <td class="lo_12"><input type="file" name="findPhoto3b">
        <#if (ticket.findPhoto3b)??>
          <a href="${ticket.findPhoto3b}" target="_blank">
          <img src="${ticket.findPhoto3b}?x-oss-process=image/resize,w_200,limit_0" style="max-width: 200px;"/>
          </a>
        </#if>
      </td>
    </tr>
  <tr>
      <td class="lo_3">确认</td>
      <td class="lo_4" colspan="2">
        <input type="checkbox" name="changeConfirm" title="完成探漏" class="flow lo_5">
      </td>
    </tr>
    <tr>
      <td class="lo_3">提交</td>
      <td class="lo_4" colspan="2"><input type="submit" value="  提交审核  " class="affirm_1"></td>
    </tr>
  </table>
</form>
</body>
</html>
